@charset "utf-8";
@import "../../../../layout/sass/_mixin-fun.scss";

body {
	background: #f6f6f6 !important;
}

.all-goods {
	width: 100%;
	min-height: 400px;
	.all-goods-tit {
		height: 50px;
		border-bottom: 1px solid #cacaca;
		background: white;
		p {
			width: 140px;
			height: 50px;
			line-height: 40px;
			padding-bottom: 10px;
			padding-left: 15px;
			border-bottom: 4px solid #de4a4a;
			font-size: 24px;
			color: #de4a4a;
			span {
				font-size: 18px;
			}
		}
	}//all-goods-tit
	.all-goods-box {
		.checkbox {
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
			width: 14px;
			height: 14px;
			background: white;
			cursor: pointer;
			label {
				width: 14px;
				height: 14px;
				display: block;
				border: 1px solid #cacaca;
				position: relative;
				overflow: hidden;
				i {
					width: 10px;
					height: 10px;
					margin-top: 2px;
					margin-left: 2px;
					display: block;
					overflow: hidden;
					position: relative;
					i.t1 {
					    display: inline;
					    height: 0;
					    width: 0;
					    overflow: hidden;
					    border: solid 6px transparent;
					    position: absolute;
					    left: -5px;
    					top: 0px;
					    border-top-color: #fff;
					}
					i.t2 {
					    height: 0;
					    width: 0;
					    overflow: hidden;
					    border: solid 6px transparent;
					    position: absolute;
					    left: -5px;
    					top: -2px;
					    border-top-color: #fff;
					}
				}
			}//label
			input[type=checkbox] {
				position: absolute;
				height: 100%;
				width: 100%;
				top: 0;
				left: 0;
				opacity: 0;
				filter: Alpha(opacity=0);
				z-index: 1;
				cursor: pointer;
				&:checked + label {
					i i.t1 {
						border-top-color: red;
					}
				}
			}
		}//checkbox
		.goods-tab {
			padding: 20px 0;
			position: relative;
			.all-chose {
				width: 50%;
				margin-left: 20px;
				position: relative;
				.checkbox {
					top: 50%;
					margin-top: -7px;
				}
				span {
					padding-left: 30px;
					font-size: 16px;
					color: #685244;
					height: 30px;
					line-height: 30px;
				}
			}
			p {
				font-size: 16px;
				color: #685244;
				height: 30px;
				line-height: 30px;
				width: 15%;
			}//p
		}//goods-tab
		.lists {
			.one-list {
				position: relative;
				background: white;
				margin-bottom: 20px;
				.store-name {
					line-height: 30px;
					position: relative;
					padding-left: 30px;
					line-height: 30px;
					position: relative;
					padding: 14px 20px 14px 40px;
					border-bottom: 1px solid #e8e8e8;
					color: #685244;
					font-size: 16px;
					.checkbox {
						top: 50%;
						margin-top: -7px;
						left: 20px;
					}
					i {
						display: inline-block;
						margin-right: 20px;
						vertical-align: top;
						&.icon-qq {
							margin-top: 5px;
						}
					}
				}//store-name
				.one-goods {
					width: 100%;
					padding: 14px 20px;
					border-bottom: 1px solid #e6e6e6;
					position: relative;
					&:last-of-type {
						border-bottom: none;
					}
					.info {
						overflow: hidden;
						padding-left: 20px;
						position: relative;
						a {
							img{
								width: 90px;
								height: 90px;
								display: block;
							}
							display: inline-block;
							position: relative;
							p.title {
								max-width: 500px;
								font-size: 14px;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								color: #555;
								position: absolute;
								top: 0;
								left: 100px;
								span.font-red {
									font-size: 14px;
									color: #de4a4a;
								}
							}
						}//a
						span.other {
							font-size: 14px;
							color: #555;
							position: absolute;
							right: 0;
							top: 0;
							cursor: pointer;
						}
					}//info
					.norms {
						position: relative;
						margin-top: -45px;
						float: right;
						width: 940px;
						min-height: 140px;
						.one-norm {
							font-size: 14px;
							position: relative;
							line-height: 40px;
							border-bottom: 1px dashed #e6e6e6;
							&:last-of-type {
								border-bottom: none;
							}
							.color {
								float: left;
								color: #685244;
								margin-right: 70px;
								height: 100%;
							}
							.right {
								float: left;
								height: 100%;
								.row {
									width: 100%;
									position: relative;
									.size {
										margin-right: 130px;
										float: left;
										position: relative;
										color: #685244;
										padding-left: 30px;
										.checkbox {
											top: 50%;
											margin-top: -7px;
											left: 0;
										}
									}//size
									.num {
										float: left;
										margin-right: 110px;
										input {
											width: 50px;
											height: 26px;
											display: inline-block;
											border: 1px solid #c9c9c9;
											text-align: center;
											color: #685244;
											vertical-align: middle;
											line-height: 26px;
										}
										i.icon {
											vertical-align: middle;
											cursor: pointer;
										}
									}//num
									.price {
										vertical-align: middle;
										font-size: 14px;
										color: #685244;
										float: left;
										width: 180px;
										overflow: hidden;
									}
									.money {
										vertical-align: middle;
										font-size: 14px;
										color: #de4a4a;
										float: left;
										width: 180px;
										overflow: hidden;
									}
									button.del {
										display: none;
										width: 14px;
										height: 14px;
										position: absolute;
										top: 50%;
										left: 100px;
										margin-top: -7px;
										background: url(/img/cart.png) no-repeat;
										background-position: 0 0;
										&:hover {
											background-position: 0 -26px;
										}
									}//del
									&:hover {
										button.del {
											display: block;
										}
									}
								}//row
							}//right
						}//one-norm
					}//norms
					.action {
						position: absolute;
						right: 0;
						bottom: 0;
						button {
							display: inline-block;
							width: 14px;
							height: 14px;
							margin-right: 10px;
							background: url(/img/cart.png) no-repeat;
							&.collect {
								background-position: 0 -50px;
								&:hover {
									background-position: 0 -75px;
								}
							}
							&.del {
								background-position: 0 0;
								&:hover {
									background-position: 0 -26px;
								}
							}
						}
					}
				}//one-goods
			}//goods-list
		}//goods-cont
		.to-pay {
			position: relative;
			height: 50px;
			margin-bottom: 90px;
			margin-top: 24px;
			border-bottom: 1px solid #dbdbdb;
    		background-color: #eae9e7;
    		box-shadow: 1px 1px #ededed;
			padding-left: 40px;
			line-height: 50px;
			font-size: 14px;
			.checkbox {
				top: 50%;
				margin-top: -7px;
				left: 20px;
			}
			span {
				color: #685244;
				margin-right: 35px;
				&.sel {
					cursor: pointer;
					&:hover {
						color: #de4a4a;
					}
				}
				i.red {
					color: #de4a4a;
				}
				i.total {
					color: #de4a4a;
					font-size: 18px;
				}
			}
			.count {
				float: right;
				padding-right: 120px;
				position: relative;
				button {
					height: 50px;
					width: 120px;
					color: white;
					background: #de4a4a;
					position: absolute;
					right: 0;
					top: 0;
				}
			}//count
		}//top-pay
		.cart-none {
			margin-top: 30px;
			background: white;
			height: 460px;
			position: relative;
			img {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -180px;
				margin-left: -230px;
			}
			a {
				position: absolute;
				font-size: 14px;
				color: white;
				bottom: 60px;
				left: 50%;
				margin-left: -70px;
				text-align: center;
				width: 140px;
				height: 40px;
				line-height: 40px;
				border-radius: 4px;
				background: #de4a4a;
			}
		}
	}//all-goods-box
}//all-goods

.jBox-content {
	> .price {
		vertical-align: middle;
		overflow: hidden;
		z-index: 1;
		background: white;
		text-align: center;
		width: 140px;
		p {
			color: #555;
			font-size: 14px;
			line-height: 24px;
			margin-right: 10px;
			text-align: right;
		}
	}//price
}